.trends-contarnier {
	//   margin-bottom: 121px;
	width: 100%;
	position: relative;
	height: 100vh;
	overflow-y: scroll;
	background: #f4f5fa;
	z-index: 1;
	.header {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
		width: 100%;
		height: 18rem;
		display: flex;
		align-items: center;
		justify-content: center;
		background: linear-gradient(0deg, #f4f5fa 0%, #b5cdfe 12%, #0065ee 35%, #2175ff 100%);
		border-radius: 0 0 3rem 3rem;
		>div {
			color: #fff;
			font-size: 2.5rem;
			font-weight: bold;
			position: absolute;
			top: 3.5rem;
			left: 50%;
			width: 100%;
			transform: translateX(-50%);
		}
	}
	.trends-box {
		margin-top: 10.5rem;
		width: 100%;
		padding: 0 2rem;
		position: relative;
		z-index: 2;
		&-list {
			width: 100%;
			&-item {
				width: 100%;
				height: 6.25rem;
				display: flex;
				align-items: center;
				justify-content: space-between;
				background: #fff;
				border-radius: 0.875rem;
				padding: 0 2.25rem 0 1.25rem;
				margin-bottom: 1rem;
				> img {
					width: 2.5rem;
					height: 1.75rem;
          margin-right: 1rem;
				}
				> div {
					width: 100%;
					display: flex;
					justify-content: space-between;
					align-items: center;
					font-family: Source Han Sans CN;
					font-size: 1.875rem;
					color: #161a1e;
				}
			}
		}
	}
}
